@charset "utf-8";

/* CSS Document  */

@media screen and (max-width: 2600px) {

}



@media screen and (max-width: 1920px) {

}



@media screen and (max-width: 1800px) {

	

}



/* 1680 */

@media screen and (max-width: 1680px) {

.about .infobox .conbox .lbox{padding-right:80px;}
.conbox .lbox .textbx{font-size:14px;}

.research .lbox{width:38%;}
.research .rbox{width:62%;}
.research .conbox .lbox .textbx{ width:100%;}
.research .tablist li{height:18vw;}
.contact .conbox .lbox{padding-right:80px;}

}



/* 1440 */

@media screen and (max-width: 1440px) {
.conbox .lbox{padding-right:80px;}
.mrtlg{margin-top:10px;}

.about .infobox .conbox .lbox{ width:50%;}
.contact .qrbx{/* flex-flow: column; */}
.contact .qrbx .textbx{padding-left:0;text-align:center;}
.contact .addrbx p{font-size:14px;}



}

/* 1366 */

@media screen and (max-width: 1366px) { 

}



/* 1280 */

@media screen and (max-width: 1280px) {

	


}



/* 1152 */

@media screen and (max-width: 1152px) {

}



/* 1024 */

@media screen and (max-width: 1024px) {

}



/* 860 */

@media screen and (max-width: 860px) {
	
body,html{/*隐藏滚动条，当IE下溢出，仍然可以滚动*/-ms-overflow-style:none;/*火狐下隐藏滚动条*/ scrollbar-width: none;/*解决ios上滑动不流畅*/-webkit-overflow-scrolling: touch;}
::-webkit-scrollbar{display: none; }/*Chrome下隐藏滚动条，溢出可以透明滚动*/


img{ max-width:100%;}
.mrtbx{margin-top:40px;}
.mrbbx{margin-bottom:40px;}
.mrtdf{ margin-top:10px;}
.mrtlg{ margin-top:20px;}


.fssm{ font-size:12px;}
.fsdf{ font-size:14px;}
.fslg{ font-size:20px;}
.fsxl{ font-size:50px;}

.navbox{ width:100%;background:rgb(255,255,255,0.9); border-right:none;}
.navbox .menu{width:100%;padding:0 5px;z-index:9999; border-bottom:1px solid rgb(0,0,0,0.1);}
.navbox .menu .content{ height:40px; width:100%; flex-flow: nowrap; padding:0;}
.navbox .menu .logo{ padding-top:0;}
.navbox .menu .logo i{ font-size:30px;}
.navbox .menu .share a img{left:100%; bottom:-3vh;}
.navbox .menu .nav-trigger i{ font-size:24px;}
.navbox .menu .share{ display:none !important;}

.navbox .menu_nav{ width:100%; left:100%; padding-left:0; border-right:none; background-color:#717171;}
.navbox .menu_nav li a{color:#fff; }
.navbox .menu_nav .content{ align-items: center;justify-content:center; text-align:center;}



.navbtn { margin:0;flex-grow:initial;}
.nav_trigger{padding:5px;height:30px;width:30px;}
.nav_trigger span{width:20px;height:2px;margin:0;}
.nav_trigger span:nth-child(2){margin-top:3px; width:10px;}
.nav_trigger span:nth-child(3){margin-top:3px;}
.nav_trigger:hover span:nth-child(2){ width:20px;}

.nav_open .nav_trigger span{margin:0;position:absolute; height:1px;background-color:#fff;}
.nav_open .nav_trigger span:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.nav_open .nav_trigger span:nth-child(2){opacity:0;}
.nav_open .nav_trigger span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.nav_open .nav_trigger span{ margin:0;}
.nav_open .menu .logo i{color:#fff;}
 

.navbox .menu_nav .share { padding:40px 0;}
.navbox .menu_nav .share a{ margin:0 10px;margin-bottom:0;}
.navbox .menu_nav .share a i{ font-size:24px;}
.navbox .menu_nav .share a img{left:50%; bottom:30px;margin-left:-50px;-webkit-transform: translateX(300%); -ms-transform: translateX(300%); transform: translateX(300%);}
.navbox .menu_nav .share a:hover img{opacity:1;-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.navbox .menu_nav .logo a{width:109px; height:43px;}
.navbox .menu_nav ul{ padding-bottom:30px; margin-bottom:30px;flex-grow:initial;}
.navbox .menu_nav li{ margin:10px auto;}
.navbox .menu_nav li:last-child:after{width:40px; left:50%; margin-left:-20px; bottom:-40px;}
.navbox .menu_nav li a{ font-size:16px;line-height:46px;font-weight:bold;}
.nav_open .menu_nav{left:0;}
.menu_nav .logo{ display:none !important;}
.nav_open .menu .logo{ opacity:1;}

.nav_trigger:hover span{ background-color:#9a9a9a !important;}
.index .nav_trigger:hover span,
.index .nav_open .nav_trigger span,
.nav_open .nav_trigger:hover span{ background-color:#fff !important;}
.nav_open .menu{border-bottom:1px solid rgb(255,255,255,0.1);}

/*.index .nav_open .menu .logo i{ color:#666;}*/

/*---菜单end---*/
.container{ width:100%;}
.conbox { padding-bottom:0;width:100vw; padding-top:70px;flex-flow: column;}
.conbox .lbox{ width:100%;padding-left:20px; padding-right:20px; padding-bottom:20px; display:flex;}
.conbox .rbox{ width:100%;}

.conbox .lbox .tabhd a,
.conbox .lbox .tabhd a span{ line-height:1em;}
.conbox .lbox .tabhd a{ margin-bottom:12px;}



.titlebox h3{font-size:16px; line-height:1.2;}
.titlebox p{ font-size:16px;padding-top:5px;line-height:1.2;}

.footer .container{padding-left:0;}
.footer .conbx{ padding:15px 0 0 0;flex-flow:column;}
.footer .conbx .areabx{width:100%; padding:0 20px;}
.footer .linkbx{ padding-left:10px; margin-left:10px;}
.footer .copybx{padding:10px 20px;text-align:left;}
.rolling-top {display: none!important;}
/*.tabhd{ display:flex; overflow-y:scroll;}
.tabhd>div{ margin-right:20px;}*/


.xy-index-banner .pic span{ background-size:auto 100%;}
.xy-index-banner .text {width:100%;left:0;margin-left:0;top:80px;padding:0 10px;}
.xy-index-banner .text .line{margin-top:20px;margin-bottom:20px;width:60px;}
.xy-index-banner .text .fssm{ font-size:14px;}
.xy-index-banner .text .fsdf{ font-size:16px;}
.xy-index-banner .text .fslg{ font-size:20px;}
.xy-index-banner .text .fsxl{ font-size:30px;}

.xy-index-banner .text.left {left:0; margin-left:0;}
.xy-index-banner .text.right{right:0;}
.xy-index-banner .text.tcbox h6{ position:relative; bottom:auto;}
.xy-index-banner .text.tcbox h6 p{ margin-right:10px;}
.xy-index-banner .text.tcbox h6 p span{margin-bottom:10px;}
.xy-index-banner .swiper-pagination {bottom:1vh;padding-right:0;}

	

.topbx{ padding-top:50px;} 

.index .conbox{flex-flow:nowrap;}
.index .conbox .lbox{ width:35%; }
.index .conbox .rbox{ width:65%;}

.conbox .lbox .tipsbx { display:none;}



.businessbx .conbox{flex-flow:column;}
.businessbx .conbox .lbox,
.businessbx .conbox .rbox{ width:100%;}
.businessbx .conbox .lbox .titlebox{ width:35%; }
.businessbx .conbox .lbox .infobx{ width:75%; overflow:hidden;}
.businessbx .tablist{ margin-top:20px;}
.businessbx .tablist ul{ margin-left:0;}
.businessbx .tablist li{width:100%;margin:0 0 10px 0;height:40vw;}
.businessbx .tablist li .textbx font.titlebox{ font-size:20px;}

.indexbx .customerbx .rbox .subbx{ font-size:16px;width:100%; padding:0 10px 20px 0;}
.indexbx .customerbx .rbox .listbx ul{ margin-top:20px; padding-right:20px; margin-left:-20px;}
.indexbx .customerbx .rbox .listbx li{ min-width: inherit; width:calc(33.33% - 20px); padding:0; margin-left:20px; margin-top:0; margin-bottom:30px;}
.indexbx .customerbx .rbox .listbx li img{ width:100%; height:auto;}



.awardsbx .swiper-wrapper{flex-wrap: wrap;margin-top:20px; margin-left:-20px; padding-right:20px;}
.awardsbx .swiper-slide{ min-width: inherit; width:calc(33.33% - 20px); padding:0; margin-left:20px;margin-bottom:30px;}

.awardsbx .swiper-slide .imgbx {height:auto;}
.awardsbx .swiper-slide .imgbx img{width:100%; max-height:none;}
.awardsbx .swiper-slide .textbx{ display:none;}



.about .infobox .imgbx{width:100%;}
.about .infobox .conbox .lbox{ width:100%;padding:20px;flex-flow: column; margin-bottom:20px;}
.about .infobox .conbox .lbox .titlebox{ width:100%; margin-bottom:20px;}
.about .infobox .conbox .rbox{ width:100%;}


.historybx{ width:100vw;overflow:hidden;}
.historybx .conbox .rbox{ width:100%; padding:0 20px;}
.historybx .swiper-container{ padding-left:15px;}
.historybx .swiper-slide .item{height:160vw;}
.historybx .swiper-slide .item .imgbx,
.historybx .swiper-slide .item .textbx{width:40vw;}
.historybx .swiper-slide .item .textbx:before{ height:18px;}
.historybx .swiper-slide:nth-of-type(odd) .item .textbx:before{margin-top:25px;}
.historybx .swiper-slide:nth-of-type(even) .item .textbx:before{margin-bottom:25px;}
.historybx .swiper-slide:nth-of-type(odd) .imgbx,
.historybx .swiper-slide:nth-of-type(even) .textbx{padding-top:30px;}
.historybx .swiper-slide:nth-of-type(odd) .textbx,
.historybx .swiper-slide:nth-of-type(even) .imgbx{padding-bottom:30px;}
.historybx .textbx p{ font-size:12px;}
.historybx .swiper-button{top:20px; margin-top:0; width:100vw;}
.historybx .swiper-button-next, .historybx .swiper-button-prev{ width:40px; height:40px;transform:scale(0.8);}
.historybx .swiper-button-next{left:auto; right:20px}
.historybx .swiper-button-prev{left:auto; right:60px}

.about .teambx .rbox .subbx{padding:0 20px; width:100%;}
.about .teambx .rbox .listbx{ padding-right:0;}
.about .teambx .team-slide{ padding:0 10px;}
.about .teambx .swiper-wrapper{flex-wrap: wrap;margin-top:20px;}
.about .teambx .swiper-slide{ width:20%; padding:0 10px; margin-right:0; margin-bottom:20px;}
.about .teambx .swiper-slide img{ width:100%; height:auto;}
.about .teambx .swiper-slide .textbx{ display:none;}
.about .customerbx .rbox .listbx{ padding-right:20px}
.about .customerbx .rbox .listbx li{ min-width:inherit;width:calc(33.33% - 20px); padding:0; margin-left:20px;margin-bottom:30px;}
.about .customerbx .rbox .listbx li img{ height:auto;}

.tabhd.mrtlg{margin-top:0;}
.casebox .lmenu{width: 100%;display: flex;}
.casebox .conbox .lbox{ width:100%; margin-bottom:20px;}
.casebox .conbox .lbox .titlebox{ width:35%;}

.casebox{ padding-bottom:100px;}
.casebox .tablist ul{ margin-left:-10px;}
.casebox .tablist li{width:calc(33.33% - 10px);margin:0 0 10px 10px;height:34vw;}
.casebox .tablist li:first-child{height:40vw;}
.casebox .tablist li:nth-child(2),
.casebox .tablist li:nth-child(10){width:calc(66.66% - 10px);}
.casebox .tablist li .textbx font.titlebox{ font-size:20px;}

.nodata{ height:84vh; padding-bottom:16vh;}
.nodata img{ height:auto; width:60%;}
.nodata p{ font-size:15px; padding-top:2vh;}


.research .lbox{ margin-bottom:20px;}
.research .conbox .lbox .titlebox{ width:35%;}
.research .conbox .lbox .infobx{ width:75%; overflow:hidden;}
.research .conbox .lbox .tabhd a,
.research .conbox .lbox .tabhd a span{ line-height:1.2;}
.research .conbox .lbox .tabhd a{margin-top:0; margin-bottom:10px; font-size:14px;}
.research .conbox .lbox .titlebx{padding-bottom:20px; padding-top:20px;}
.research .conbox .lbox .titlebx:after{width:30px;}
.research .conbox .lbox .textbx{ width:100%;}
.research .tablist{ padding:10px; padding-bottom:100px;}
.research .tablist li{height:46vw; width:100%;}
.research .tablist li .textbx i{ font-size:30px;}
.research .tablist li .textbx .titlebx{ font-size:20px;}
.research .tablist li .textbx .subbx{ font-size:12px;}

.honor{ padding-bottom:100px;}

.honor dl{flex-flow: column; padding:0 20px;}
.honor dl p{ padding:10px 0; }
.honor dl dt{ width:100%; border-top:none; }
.honor dl dd{ width:100%;}
.honor dl dt .titlebx.fwb{ font-size:30px;}

.honor dl.hdbx { display:none;}
.honor .conbox .rbox{ width:100%;}
.honor .listbx{ padding-bottom:40px;}
.honor .listbx li .textbx{ padding:10px 0;flex-flow: column;}
.honor .listbx li .textbx p{ padding:0; line-height:1.4;}
.honor .listbx li .textbx .p1,
.honor .listbx li .textbx .p2{ width:auto;flex-grow:initial;}
.honor .listbx li .textbx .p2{ margin-top:5px;}
.honor .listbx li .imgbx{ width:80%;}
.honor .awardsbx{ width:auto; margin-left:-20px;}
.honor .awardsbx li{width:calc(25% - 20px);padding-right:0; margin-left:20px; margin-bottom:20px;}
.honor .awardsbx li .imgbx{ height: auto;}
.honor .awardsbx li .imgbx img{ max-height:none;}
.honor .awardsbx li .textbx{ display:none;}

.contact{ padding-bottom:100px;}

.contact .conbox .lbox{flex-flow: column; padding-right:20px;}
.contact .conbox .lbox,
.contact .conbox .rbox{ width:100%;}

.contact .conbox .lbox .titlebox,
.contact .conbox .lbox .infobx{ width:100%;}

.contact .addrbx,
.contact .qrbx{flex-flow:nowrap; }
.contact .addrbx h3{ font-size:16px; margin-bottom:5px; font-weight:bold;}
.contact .addrbx p{ font-size:12px;}
.contact .qrbx .textbx{padding-left:20px;text-align:left}
.contact .map{ height:70vw;}

.contact .jobbx .listbx li{padding:30px 20px 0 20px;flex-flow: column;}
.contact .jobbx .listbx .titlebx{width:100%;}
.contact .jobbx .listbx .infobx{width:100%; margin-top:20px;}
.contact .jobbx .listbx .titlebx h3{ font-size:14px;}
.contact .jobbx .listbx .titlebx p{ font-size:14px;margin-top:0;}
.contact .jobbx .listbx .infobx h3{font-size:16px; margin-bottom:10px; font-weight:bold;}

.detail{ padding-bottom:100px;}
.detail .banner{ padding-left:0; padding-top:40px; padding-bottom:20px;}
.detail .conbx{ padding:0 10px;}
.detail .infobx{ padding-bottom:0;flex-flow: column;}
.detail .infobx .titlebx{ width:100%; padding-right:0;}
.detail .infobx .textbx{ width:100%; margin-top:20px;}
.detail .infobx .titlebx p{font-size:14px;}
.detail .infobx .titlebx h3{font-size:18px; margin-top:10px;}
.detail .infobx .textbx p{margin-bottom:20px;}
.detail .detailbx .twobx{flex-flow: column;}
.detail .detailbx .twobx .box{ width:100%;margin-top:10px;}
.detail .detailbx .twobx>div:first-child{ margin-top:0;}
.detail .detailbx{ padding-bottom:20px;}
.detail .detailbx>div{ margin-top:10px;}
.detail .detailbx .columnbx p{ font-size:14px;}
.detail .detailbx .btnbx{ display:none;}
}

 





/* iphone5 */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {





}



/* phone 678 */

@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {

	

}



/* phone 678 plus*/

@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {

	

}





/* phone x 和 微信内高*/

@media only screen and (device-width : 375px) and (device-height : 812px) {

	

}





/* phone x */

@media screen and (max-width : 736px) and (orientation: landscape) {

}





/* all iPad */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {





}



/* iPad x */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {









}



/* iPad y */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {









}





/* all iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {



}



/* x iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {





}



/* y iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {



}



/*兼容IE11*/

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){



}